<extend name="Base/common"/>
<block name="style">
   <style type="text/css">
 
   .top{
        width: 100%;
        height: 15%;
        /*background: #cc9;*/

   }
   .top img{
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fff;
        margin: auto;
        margin-top: 5%;
        
   }
   .top p{
        margin:auto;
        font-size: 14px;
        text-align: center;
        margin-top:3%;
        letter-spacing:0;
        color:#898989;
    }
 
    p{
        width: 90%;
        height: 60px;
        margin-left: 5%;
        margin-top:10px; 
        text-align: center;
        height: 60px;
        font-size: 18px;
        letter-spacing:2px;

    }

    .center{ 
        width: 90%;
        height:50%;
        margin-left: 5%;
    }

    input{
        width: 95%;
        height: 40px;
        background: #fff;
        float: left;
        border:none;
        margin-top: 4%;
        font-size: 24px;
        color:#3e3a39;
    }
    span{
        display: block;
        width: 90%;
        margin: auto;
    }






</style>
</block>
<block name="body">
    <div>
            <div class="top">
                <img src="__IMG__/zfb.png">
                <p>收款方：<font style="color:#009fe8">{$one.shop_name}</font></p>
            </div>
            
           

            <form action="" method="post" style="height:40%;margin-top:-3%">
                <input type="hidden"  name="shop_name" value="{$one.shop_name}"/>
                <span>支付金额</span>
                <div class="center">

                    <i style="float:left;width:100%;height:100%;border-bottom:1px solid #dcdddd;">
                        <b style="float:left;width:5%;height:100%;font-family:Arial;font-size:24px;padding-bottom:0;margin-top:5%">&yen;</b>
                        <input type="text" name="money" onKeyUp="amount(this)" onBlur="overFormat(this)" id="money" />
                    </i>
                    <input type="hidden" id="uid" name="uid" value="{$one.uid}"/>

                    <input type="text" maxlength="30" name="subject"  placeholder="添加备注(限30字内)" style="height:20px;font-size:12px;border:none"/>
                    
                </div>

                <a id="Tag_a" href="#"><button type="button" class='login-btn'  style="background:#009fe8;width:85%;margin-left:7.5%;">确认付款</button></a>
            </form>

            <div class="top" style="margin-top:5%">
                <p style="margin-top:0;text-align:left;">
                    温馨提示：付款前请仔细核实收款方信息，避免上当受骗。投诉通道：<a href="http://weixin.jcsmkj.cn/index.php?m=Weixin&c=User&a=tousu&complainant={$one.shop_name}" style="color:red">点此进入</a>
                </p>
            </div>


        <!-- <button id="test">测 试</button>2017122021001004010227195186 -->  
        <p style="margin:auto;font-size: 14px;text-align: center;margin-top:29%;letter-spacing:0;color:#898989;margin-bottom:0">商户服务 | <font style="color:#009fe8">西西钱包提供技术支持</font></p>
    </div>
</block>
<block name="script">
    <script >
        $('#money').change(function(){
            var money=$(this).val();
            var uid=$('#uid').val();
            if(uid==72||uid==222||uid==3){
                if(money < 1){
                    alert('输入金额不可少于1');
                    return false;
                }else if(money > 50000){
                    alert('输入金额不可超过50000');
                    return false;
                }else{

                    var data=$('form').serializeArray();
                    data['money']=money;
                    $.ajax({
                        type:'post',
                        data:data, 
                        url:"{:U('precreate2')}",
                        success:function(m){
                            // alert(m)
                            $('#Tag_a').attr('href',m)
                        }
                    })
                }
            }else{
                if(money < 1){
                    alert('输入金额不可少于1');
                    return false;
                }else if(money > 499){
                    alert('输入金额不可超过499');
                    return false;
                }else{

                    var data=$('form').serializeArray();
                    data['money']=money;
                    $.ajax({
                        type:'post',
                        data:data, 
                        url:"{:U('precreate2')}",
                        success:function(m){
                            // alert(m)
                            $('#Tag_a').attr('href',m)
                        }
                    })
                }
            }
            

            
        })

        $('.button').click(function(){
            var url=$('#Tag_a').attr('href')
            // alert(url)
            location.href=url;
            
        })


        /**
        * 实时动态强制更改用户录入
        * arg1 inputObject
        **/
        function amount(th){
            var regStrs = [
                ['^0(\\d+)$', '$1'], //禁止录入整数部分两位以上，但首位为0
                ['[^\\d\\.]+$', ''], //禁止录入任何非数字和点
                ['\\.(\\d?)\\.+', '.$1'], //禁止录入两个以上的点
                ['^(\\d+\\.\\d{2}).+', '$1'] //禁止录入小数点后两位以上
            ];
            for(i=0; i<regStrs.length; i++){
                var reg = new RegExp(regStrs[i][0]);
                th.value = th.value.replace(reg, regStrs[i][1]);
            }
        }
         
        /**
        * 录入完成后，输入模式失去焦点后对录入进行判断并强制更改，并对小数点进行0补全
        * arg1 inputObject
        * 这个函数写得很傻，是我很早以前写的了，没有进行优化，但功能十分齐全，你尝试着使用
        * 其实有一种可以更快速的JavaScript内置函数可以提取杂乱数据中的数字：
        * parseFloat('10');
        **/
        function overFormat(th){
            var v = th.value;
            if(v === ''){
                v = '0.00';
            }else if(v === '0'){
                v = '0.00';
            }else if(v === '0.'){
                v = '0.00';
            }else if(/^0+\d+\.?\d*.*$/.test(v)){
                v = v.replace(/^0+(\d+\.?\d*).*$/, '$1');
                v = inp.getRightPriceFormat(v).val;
            }else if(/^0\.\d$/.test(v)){
                v = v + '0';
            }else if(!/^\d+\.\d{2}$/.test(v)){
                if(/^\d+\.\d{2}.+/.test(v)){
                    v = v.replace(/^(\d+\.\d{2}).*$/, '$1');
                }else if(/^\d+$/.test(v)){
                    v = v + '.00';
                }else if(/^\d+\.$/.test(v)){
                    v = v + '00';
                }else if(/^\d+\.\d$/.test(v)){
                    v = v + '0';
                }else if(/^[^\d]+\d+\.?\d*$/.test(v)){
                    v = v.replace(/^[^\d]+(\d+\.?\d*)$/, '$1');
                }else if(/\d+/.test(v)){
                    v = v.replace(/^[^\d]*(\d+\.?\d*).*$/, '$1');
                    ty = false;
                }else if(/^0+\d+\.?\d*$/.test(v)){
                    v = v.replace(/^0+(\d+\.?\d*)$/, '$1');
                    ty = false;
                }else{
                    v = '0.00';
                }
            }
            th.value = v; 
        }
    </script>

</block>